import router from './router'
// import { useAppStoreWithOut } from '@/store/modules/app'
// import type { RouteRecordRaw } from 'vue-router'
// import { useUserStoreWithOut } from '@/store/modules/user'
// import { usePermissionStoreWithOut } from '@/store/modules/permission'
import { useTitle } from '@/hooks/web/useTitle'
import { useNProgress } from '@/hooks/web/useNProgress'
import { usePageLoading } from '@/hooks/web/usePageLoading'
import { NO_REDIRECT_WHITE_LIST } from '@/constants'
import { token_get } from '@/utils/auth'

const { start, done } = useNProgress()

const { loadStart, loadDone } = usePageLoading()

router.beforeEach(async (to, from, next) => {
  start()
  loadStart()
  // const permissionStore = usePermissionStoreWithOut()
  // const appStore = useAppStoreWithOut()
  // const userStore = useUserStoreWithOut()

  const hasToken = token_get()
  if (hasToken) {
    if (to.path === '/login') {
      next({ path: '/' })
    } else {
      next()
      // if (permissionStore.getIsAddRouters) {
      //   next()
      //   return
      // }

      // // 开发者可根据实际情况进行修改
      // const roleRouters = userStore.getRoleRouters || []

      // // 是否使用动态路由
      // if (appStore.getDynamicRouter) {
      //   appStore.serverDynamicRouter
      //     ? await permissionStore.generateRoutes('server', roleRouters as AppCustomRouteRecordRaw[])
      //     : await permissionStore.generateRoutes('frontEnd', roleRouters as string[])
      // } else {
      //   await permissionStore.generateRoutes('static')
      // }

      // permissionStore.getAddRouters.forEach((route) => {
      //   router.addRoute(route as unknown as RouteRecordRaw) // 动态添加可访问路由表
      // })
      // const redirectPath = from.query.redirect || to.path
      // const redirect = decodeURIComponent(redirectPath as string)
      // const nextData = to.path === redirect ? { ...to, replace: true } : { path: redirect }
      // permissionStore.setIsAddRouters(true)
      // next(nextData)
    }
  } else {
    if (NO_REDIRECT_WHITE_LIST.indexOf(to.path) !== -1) {
      next()
    } else {
      next(`/login?redirect=${to.path}`) // 否则全部重定向到登录页
    }
  }
})

router.afterEach((to) => {
  useTitle(to?.meta?.title as string)
  done() // 结束Progress
  loadDone()
})
